/*==================== 全局样式 ====================*/
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #61687c;
}

.hw-main a {
    text-decoration: none;
}

ul, li, img, p {
    margin: 0;
    padding: 0;
}

.hw-main ul {
    list-style: none;
}

/*==================== 内容区 ====================*/
.hw-main {
    width: 1000px;
    min-width: 900px;
    margin: auto;
}

/*==================== 轮播图 ====================*/
.hw-main .scroll_pic {
    width: 100%;
    height: 450px;
    border: 1px solid #00d7c6;
}

.hw-main .scroll_pic > img {
    width: 100%;
    height: 100%;
}

/*==================== 公共部分 ====================*/
.tag {
    overflow: hidden;
    height: 100px;
}

.tag > h3 {
    display: inline-block;
    padding: 10px;
    line-height: 40px;
}

/* 点赞 评论 收藏 */
.like,
.comment,
.star {
    font-size: 14px;
    color: #719171;
}

.tag_ul {
    background-color: #fff;
    overflow: hidden;
}

.tag_ul > li {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #719171;
    overflow: hidden;
}

.left_bar {
    float: left;
}

.right_bar {
    float: right;
}

.tag_name {
    margin-bottom: 10px;
}

.left_bar > span + span,
.right_bar > span + span {
    margin-left: 20px;
}

/* 查看更多 */
.watchMore {
    position: relative;
    text-align: center;
    margin: 10px auto 50px auto;
    cursor: pointer;
    color: #00d7c6;
}

.watchMore::after {
    content: "∨";
    font-size: 14px;
    position: absolute;
    bottom: -20px;
    left: 50%;
}

/*==================== 热门选择/编程 ====================*/

.hot_topic .tag {
    text-align: center;
    /*overflow: hidden;*/
}

.topic_hover,
.hot_topic .tag > h3:hover {
    color: #00d7c6;
    border-bottom: 2px solid #00d7c6;
    box-sizing: border-box;
    /*display: inline-block;*/
    /*padding: 10px;*/
    /*line-height: 40px;*/

}

/*=====js生成区域=============== 热门选择/编程 ==========*/
.tag_keywords {
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
}

.tag_keywords > li {
    padding: 2px 8px;
    background-color: #00d7c6;
    color: #fff;
    border-radius: 10px;
    margin-right: 10px;
    overflow: hidden;
}

/*==================== 最近动态 ====================*/
/*.hw-main .hot_dynamic {*/
/*padding: 10px;*/
/*}*/
#hotDynamic .head_img{
    width: 80px;
    height: 80px;
    /*padding: 10px;*/
    box-sizing: border-box;
    float: left;
    border-radius: 50%;
}
#hotDynamic .head_img > img {
    width: 100%;
    height: 100%;
}
#hotDynamic .tag_ul .content{
    width: 870px;
    margin-top: 8px;
    margin-left: 10px;
}
/*=====js生成区域=============== 最近动态 ==========*/

/*==================== 轮播图 ====================*/
/*==================== 轮播图 ====================*/
/*==================== 轮播图 ====================*/



